<html>
<head>
    <title>bpmn-js modeler demo</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/diagram-js.css"/>
    <link rel="stylesheet" href="vendor/bpmn-font/css/bpmn-embedded.css"/>
    <link rel="stylesheet" href="css/app.css"/>
    <!-- 本地化资源文件 -->
    <script type="text/javascript" src="zh_CN.js"></script>
    <script type="text/javascript">
        var bpmnModeler = null;

        function getBpmnXml() {
            if (bpmnModeler) {
                bpmnModeler.saveXML({format: true},
                        function (err, xml) {
                            console.log(xml);
                        }
                );
            }
        }
    </script>
</head>
<body>
<div class="content" id="js-drop-zone">

    <div class="message intro">
        <div class="note">
            从桌面拖拽 BPMN 文件 或 <a id="js-create-diagram" href>[点击] 创建新文档</a>
        </div>
    </div>

    <div class="message error">
        <div class="note">
            <p>Ooops, we could not display the BPMN 2.0 diagram.</p>

            <div class="details">
                <span>cause of the problem</span>
                <pre></pre>
            </div>
        </div>
    </div>

    <div class="canvas" id="js-canvas"></div>
    <div id="js-properties-panel"></div>
</div>

<ul class="buttons">
    <li>
        download
    </li>
    <li>
        <a id="js-download-diagram" href title="download BPMN diagram">
            BPMN diagram
        </a>
    </li>
    <li>
        <a id="js-download-svg" href title="download as SVG image">
            SVG image
        </a>
    </li>
    <li>
        <a id="js-print-diagram" href title="print bpmn xml to console">
            Print BPMN
        </a>
    </li>
</ul>


<script src="index.js"></script>
</body>
</html>
